.head{
    height: 66px;
    border-bottom: 1px solid deepskyblue;
    padding: 0 30px;
    position: absolute;
    z-index: 99;
    width: 95%;
    a{color: #d1d1d1;}
    li{
        margin: 0 20px;
    }

    .active{
        
        position: relative;
        font-size: 16px;
    }

    .active::after{
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: deepskyblue;
        position: absolute;
        top: 42px;
    }

    .btn{
        text-align: center;
        line-height: 26px;
        border-radius: 13px;

        &:hover{
            opacity: .5;
        }
    }

    .loginbtn{
        width: 58px;
        height: 26px;
        margin-right: 10px;
        color: #666;
        border:1px solid #d1d1d1;
        color: #d1d1d1;
    }

    .regbtn{
        width: 78px;
        height: 26px;
        background-color: #ed510a;
        color: #fff;
    }
}

.foot{
    margin-top: 50px;
    .footer-top dl{
      margin: 3px 50px;
    }
    .footer-top dt{font-size: 23px; color: black; margin-bottom: 30px;}

    .title{
        font-size: 23px; color: black;
    }
    .name{text-align: right;margin-top: 10px;}
    .yuanma{text-align: right;margin-left: 300px;}
    .foot-button{margin: 20px 0 10px 96px;}
}